<template>
  <div class="box">
    <van-dropdown-menu swipe-threshold="4">
      <van-dropdown-item v-model="value1" :options="option1" />
      <van-dropdown-item v-model="value2" :options="option2" />
      <van-dropdown-item v-model="value3" :options="option3" />
      <van-dropdown-item v-model="value2" :options="option2" />
      <van-dropdown-item v-model="value2" :options="option2" />
    </van-dropdown-menu>
    <Statistic/>
    <Statistic/>
    <Statistic/>
  </div>
</template>

<script setup lang="ts">
const value1 = ref('2024-07');
const value2 = ref('a');
const value3 = ref('a');
const option1 = [
  { text: '2024-07', value: '2024-07' },
];
const option2 = [
  { text: '当月达成率', value: 'a' },
  { text: '好评排序', value: 'b' },
  { text: '销量排序', value: 'c' },
];
const option3 = [
  { text: '管理机构', value: 'a' },
  { text: '好评排序', value: 'b' },
  { text: '销量排序', value: 'c' },
];

</script>

<style scoped lang="scss">

</style>
